var i=0;
var timer=null;
$(function(){
		timer=setInterval(showtime,1000);
		
		$('#box ul li').hover(function(){
				clearInterval(timer);
			},function(){
				timer=setInterval(showtime,1000);
				})
		
		$('#box ol li').click(function(){
				clearInterval(timer);
				 i=$(this).index();
				show()
			})
			
		$('#box .left').click(function(){
			clearInterval(timer);
			i--;
			if(i==-1){
				i=4;
				}
			show();
			})
			
		$('#box .right').click(function(){
			clearInterval(timer);
			i++;
			if(i==5){
				i=0;
				}
			show();
			})
	})
	
	
	
function showtime(){
			i++;
			if(i==5){
				i=0;
				}
		show();
	}
	
function show(){
		$('#box ul li').eq(i).fadeIn(500).siblings().fadeOut(500);
		$('#box ol li').eq(i).addClass('active').siblings().removeClass('active');
	}